<template>
  <div class="xndj-header">
    <div class="prev" @click="back">
      <i class="fa fa-angle-left"></i>
    </div>
    <h2 class="title">{{title}}</h2>
  </div>
</template>
<script>
export default {
  name: "xndj-header",
  props: {
    title: {
      type: String
    }
  },
  methods: {
    back() {
      console.log(123213);
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="scss" scoped>
@import "../assets/scss/lib/index.scss";
.xndj-header {
  height: 84px;
  position: relative;
  background: #fff;
  .prev {
    // line-height: 84px;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 27px;
    font-size: 3em;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .title {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 84px;
    font-size: 32px;
  }
}
</style>